.pt5{
    padding-top: 5px;
}
.pt10{
    padding-top: 10px;
}
.pt15{
    padding-top: 15px;
}
.pt20{
    padding-top: 20px;
}
.pt30{
    padding-top: 30px;
}

.pb5{
    padding-bottom: 5px;
}
.pb10{
    padding-bottom: 10px;
}
.pb20{
    padding-bottom: 20px;
}
.pb30{
    padding-bottom: 30px;
}

.pl5{
    padding-left: 5px;
}
.pl10{
    padding-left: 10px;
}
.pl20{
    padding-left: 20px;
}
.pl25{
    padding-left: 25px;
}
.pl30{
    padding-left: 30px;
}

.pr5{
    padding-right: 5px;
}
.pr10{
    padding-right: 10px;
}
.pr20{
    padding-right: 20px;
}
.pr30{
    padding-right: 30px;
}

.pxy5{
    padding: 5px;
}
.pxy10{
    padding: 10px;
}
.pxy15{
    padding: 15px;
}
.pxy20{
    padding: 20px;
}
.pxy30{
    padding: 30px;
}

// margin
.mt10{
    margin-top: 10px;
}
.mt15{
    margin-top: 15px;
}
.mt20{
    margin-top: 20px;
}
.mt30{
    margin-top: 30px;
}

.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.pb30{
    margin-bottom: 30px;
}

.ml10{
    margin-left: 10px;
}
.ml20{
    margin-left: 20px;
}
.ml30{
    margin-left: 30px;
}

.mr10{
    margin-right: 10px;
}
.mr20{
    margin-right: 20px;
}
.mr30{
    margin-right: 30px;
}
.mxy10{
    margin: 10px;
}
.mxy15{
    margin: 15px;
}
.mxy20{
    margin: 20px;
}
.mxy30{
    margin: 30px;
}

.mt-20{
    margin-top: -20px;
}
.mt-30{
    margin-top: -30px;
}

// font-size
.text-small{
    font-size: 22px;
}
.text-medium{
    font-size: 28px;
}
.text-large{
    font-size: 34px!important;
}

.fs13{
    font-size: 32px;
}

.icon-large{
    font-size: 40px!important;
}

.relative{
    position: relative;
    z-index: 2;
}

// color
$defaultcolr: #4fcc8d;
.c333{
    color: #333;
}
.c555{
    color: #555;
}
.c666{
    color: #666;
}
.c999{
    color: #999;
}
.cbbb{
    color: #bbb;
}
.cccc{
    color: #ccc;
}
.ceee{
    color: #eee;
}
.cfff{
    color: #fff;
}
.maincolor{
    color: $defaultcolr;
}

//bgcolor

.bgfff{
    background-color: #fff;
}
.mainbg{
    background-color: $defaultcolr;
}

page{
    padding-bottom: 180px;
    background-color: #efefef;
}


// other

.box-shadow{
    box-shadow: 0px 2px 13px rgba($color: rgb(196, 196, 196), $alpha: 0.8);
}
.radius5{
    border-radius: 5px;
}
.radius10{
    border-radius: 10px;
}
.radius15{
    border-radius: 15px;
}
.radius20{
    border-radius: 20px;
}

.font-weight{
    font-weight: bold;
}
.text-center{
    text-align: center;
}
.m-auto {
    margin: 0 auto;
}
.overflow{
    overflow: hidden;
}


.ellipsis-1,.ellipsis-2 {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.ellipsis-1 {
    -webkit-line-clamp: 1
}
.ellipsis-2 {
    -webkit-line-clamp: 2
}
.justify-center{
    display: flex;
    justify-content: center;
}